.container {
	width: 100%;
	height: 100%;
	background-color: #000000;
	flex-direction: column;
	align-items: center;
	position: relative;
}

.header {
	flex-direction: column;
	align-items: center;
}

.time {
	position: absolute;
	font-size: 28px;
	font-weight: 600;
	text-align: center;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	color: rgba(255, 255, 255, 0.6);
	transform-origin: 27.5px 18px;
}

.pagetitle {
	font-size: 32px;
	font-weight: 600;
	text-align: center;
	color: rgba(255, 255, 255);
}

@media (shape: circle) {
	.container {
		width: 466px;
		height: 466px;
	}

	.header {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 336px;
		height: 160px;
		align-items: center;
	}

	.time {
		width: 55px;
		height: 36px;
		align-items: flex-end;
	}

	.time1 {
		left: 168px;
		top: 9px;
		transform: rotate(-14deg);
	}

	.time2 {
		left: 189px;
		top: 6px;
		transform: rotate(-9deg);
	}

	.time3 {
		left: 205.5px;
		top: 2px;
	}

	.time4 {
		left: 222px;
		top: 6px;
		transform: rotate(9deg);
	}

	.time5 {
		left: 242px;
		top: 9px;
		transform: rotate(14deg);
	}

	.pagetitle {
		height: 46px;
		position: absolute;
		left: 0;
		top: 40px;
		width: 466px;
	}
}

/* 矩形设备样式 */
@media (shape: rect) {
	.container {
		width: 336px;
		height: 480px;
		padding-bottom: 20px;
	}

	.header {
		width: 100%;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}

	.time {
		top: 4px;
		font-size: 26px;
	}

	.time1 {
		left: 128px;
	}

	.time2 {
		left: 146px;
	}

	.time3 {
		left: 164px;
	}

	.time4 {
		left: 172px;
	}

	.time5 {
		left: 190px;
	}

	.pagetitle {
		padding-top: 36px;
	}
}

/* 药丸形设备样式 */
@media (shape: pill-shaped) {
	.container {
		width: 100%;
		height: 100%;
		background-color: #000000;
	}

	.header {
		width: 100%;
		height: 77px;
		flex-direction: column;
		align-items: center;
	}

	.time {
		position: absolute;
		width: 25px;
		height: 33px;
		font-size: 25px;
		font-weight: 600;
		line-height: normal;
		text-align: center;
		display: flex;
		align-items: flex-end;
		letter-spacing: normal;
		color: rgba(255, 255, 255, 0.6);
		transform-origin: 12.5px 16.5px;
	}

	.time1 {
		left: 60.9px;
		top: 10.8px;
		transform: rotate(-21deg);
	}

	.time2 {
		left: 79px;
		top: 6px;
		transform: rotate(-9deg);
	}

	.time3 {
		left: 93.5px;
		top: 2px;
	}

	.time4 {
		left: 108px;
		top: 6px;
		transform: rotate(9deg);
	}

	.time5 {
		left: 126.1px;
		top: 10.8px;
		transform: rotate(21deg);
	}

	.pagetitle {
		padding-top: 36px;
		font-size: 30px;
	}
}